/* CSS Document */
*{margin:0; padding:0}
body{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#464646; background:url(images/bg.gif) repeat-x}
img{border:0}
a:link,a:visited,a:active{color:#5e9cba; text-decoration:none}
a:hover{text-decoration:underline}
hr{height:1px; background-color:#E8E8E8; border:none; margin:0 25px 35px 25px}

#wrapper{width:940px; margin:auto}

#header{height:104px}
#header #logo{width:auto; float:left; margin-top:18px}
#header #lang{width:auto; float:right; margin:20px 0; font-size:11px}
#header #lang a{color:#666; line-height:14px; float:left; margin:0 5px 0 15px}
#header #lang img{float:left}

#search{width:auto; float:right; clear:right; margin:0}
#txtsearch{width:235px; height:29px; float:left; background:url(images/txt-search.gif)}
#txtsearch input{color:#CCC; background:none; border:none; width:190px; margin:7px}
#btnsearch{width:31px; height:29px; float:left; background:url(images/btn-search.gif)}
#btnsearch button{width:31px; height:29px; background:none; border:none; cursor:pointer}

#menu{height:54px}
#slider{margin-bottom:25px}

#slider_l{width:440px; height:100px; float:left; padding-top:20px}
#slider_l p, #slider_l div {margin:10px 0}

#slider_r{width:500px; height:150px; float:right; overflow:hidden}
#slider_r img{height:150px; float:right}

#left{width:700px; float:left}
#left .box .title{height:42px; line-height:42px; font-size:150%; font-weight:bold; padding:0 25px; background:url(images/bg-title-l.gif)}
#left .box{clear:both; margin-bottom:10px; border:solid 1px #E8E8E8}
#left .box .content{padding:25px 0}
#left .box .content .item{width:195px; float:left; margin:0 5px 0 25px}
#left .box .content .item .img{width:192px; height:123px; overflow:hidden}
#left .box .content .item .img img{width:192px}
#left .box .content .item a{color:#f96805}
#left .box .content .item h2{font-size:105%; text-transform:uppercase; padding:10px 0 5px 0}
#left .box .content .item p{line-height:18px; height:54px; overflow:hidden}

#left .box .content .item2{padding:0 25px; line-height:22px}
#left .box .content .item2 img{width:200px; float:left}
#left .box .content .item2 .viewmore{width:113px; height:30px; float:left; line-height:30px; margin:10px 0 0 20px; padding-left:20px; font-weight:bold; background:url(images/view-more.gif)}
#left .box .content .item2 .viewmore a{color:#FFF}

#left .box .content .item3{padding:0 25px; line-height:22px}
#left .box .content .item3 img{width:355px; float:left}
#left .box .content .item3 .content1{width:270px; float:right; margin-top:50px; color:#666}
#left .box .content .item3 .content1 h1{font-size:140%; margin:5px 0}

#right{width:230px; float:right}
#right .box1{border:solid 1px #E8E8E8; margin-bottom:10px}
#right .box1 .title1{height:42px; line-height:42px; color:#FFF; font-size:120%; font-weight:bold; margin-bottom:10px; padding-left:20px; background:url(images/bg-title-r.gif)}
#right .box1 a{color:#333}
#right .box1 .item{height:30px; line-height:30px; margin-left:20px; padding-left:20px; background:url(images/icon-1.png) no-repeat left}

#right .box1 .item2{margin:10px 14px; text-align:right}
#right .box1 .item2 img{width:200px}
#right .box1 .item2 a{display:block; height:22px; line-height:22px; color:#FFF; padding-right:20px; background:url(images/icon-1.png) no-repeat right #fd6d13}

#right .box1 .item3{line-height:18px; margin:0 0 15px 20px; padding-left:20px; background:url(images/icon-2.gif) no-repeat left top; background-position:0 5px}

#view_post{clear:both; padding:25px; color:#666; list-style:inside; margin-bottom:20px}
#view_post h1{font-size:150%; line-height:25px; margin-bottom:10px}
#view_post h2, #view_post h3, #view_post h4, #view_post h5, #view_post h6 {font-size:100%; line-height:20px}
#view_post div, #view_post p {line-height:20px; margin:10px 0}
#view_post li{padding:0 0 3px 25px}

#other{clear:both; padding:0 25px}
#other .title2{font-size:150%; color:#fd6405; font-weight:bold; margin-bottom:10px}
#other li{clear:both; padding:5px 0 5px 20px; list-style:none; font-weight:bold; background:url(images/li-other.jpg) left no-repeat}
#other a{color:#666}

#list_detail{clear:both; padding:25px; color:#666}
#list_detail .item_detail{height:140px; overflow:hidden; margin-bottom:30px}
#list_detail .item_detail .img{width:225px; height:138px; float:left; overflow:hidden; margin-right:15px; border:solid 1px #CCC}
#list_detail .item_detail .img img{width:225px}
#list_detail .item_detail h2{font-size:120%; line-height:20px}
#list_detail .item_detail a{color:#fd6404}
#list_detail .item_detail .date{font-style:italic; padding:6px 0; color:#666}
#list_detail .item_detail .content{line-height:19px; height:76px; overflow:hidden}

#list_product{clear:both; padding:25px 0}
#list_product .item_product{width:195px; height:260px; float:left; margin:0 5px 0 25px}
#list_product .item_product .img{width:192px; height:123px; overflow:hidden}
#list_product .item_product .img img{width:192px}
#list_product .item_product a{color:#f96805}
#list_product .item_product h2{font-size:105%; text-transform:uppercase; padding:10px 0 5px 0}
#list_product .item_product p{line-height:18px; height:54px; overflow:hidden}

#contact{padding:25px}
#contact #info{line-height:22px}
#contact #info p, #contact #info div {margin:15px 0}
#contact .txt{width:300px; padding:5px; background-color:#f2f2f2; border:solid 1px #CCC}
#contact .textarea{width:300px; height:100px; resize:none; overflow:hidden; padding:5px; background-color:#f2f2f2; border:solid 1px #CCC}
#contact .btn{width:auto; padding:10px 35px; font-weight:bold; color:#FFF; background-color:#fd6d13; border:none; cursor:pointer}

#phantrang a{margin-right:3px; padding:5px 10px; text-align:center; background-color:#666; color:#FFF}
#phantrang a:hover{background-color:#fd6d13}

#navigator{clear:both; color:#8C8C8C; margin-bottom:15px}
#navigator a{color:#8C8C8C}

/*menu*/
#nav, #nav ul {list-style:none; position:relative; line-height:54px; z-index:1000}
#nav a:link, #nav a:active, #nav a:visited {display:block; background-color:none; text-decoration:none}
#nav li a {width:187px; font-weight:bold; color:#FFF; font-size:12px; text-align:center; text-transform:uppercase; background:url(images/bg-menu-ac.png) no-repeat right}
#nav a:hover {background-color:#080808; color:#FFF}
#nav li {float:left; position:relative}
#nav ul {position:absolute; width:160px; top:54px; display:none}
#nav li ul a {width:160px; line-height:27px; float:left; color:#CCC; font-weight:normal; padding:0 25px; background-color:#333; border-bottom:solid 1px #404040}
#nav li ul a:hover {background-color:#080808; color:#FFF}
#nav ul ul {top:auto}
#nav li ul ul {left:211px}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {display:none}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {display:block}

/* popup */
#backgroundPopup{display: none; position: fixed; _position: absolute; /*IE 6*/ height: 100%; width: 100%; top: 0; left: 0; background: #000000; order: 1px solid #CECECE; z-index:1100}
#popupContact{display: none; position: fixed; _position: absolute; /*IE 6*/ z-index:1200}
.popupContactClose{font-weight: bold; cursor:pointer}
#content_popup{width:890px; height:auto; padding:35px 25px; background-color:#FFF}
#content_popup h1{font-size:200%; text-transform:uppercase; color:#fd6d13; margin-bottom:10px}
#content_popup .img{width:400px; float:left; overflow:hidden; margin-right:30px; border:solid 1px #DBDBDB}
#content_popup .img img{width:400px}
#content_popup #content{width:455px; float:right; line-height:20px; margin-bottom:30px}
#content_popup #content p, #content_popup #content div {margin:10px 0}
#content_popup #info_sp{width:415px; padding:10px 20px; float:right; color:#666; border:solid 1px #EAEAEA}
#content_popup #info_sp p{font-size:120%; margin:10px 0}